<%@ page title="" language="C#" masterpagefile="~/RealtimeSite.master" autoeventwireup="true" inherits="Branch, App_Web_xtpq4zcp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
    <style type="text/css">
        .style6
        {
            width: 915px;
        }
        .style14
        {
            height: 27px;
            width: 906px;
            font-size: 8pt;
            color: #FFFFFF;
        }
        .style16
        {
            width: 286px;
        }
        .textbox
        {
            font-family: Verdana;
            font-size: 9pt;
        }
        .btnRt003366
        {
            font-family: Verdana;
            font-size: 9pt;
            font-weight: 700;
        }
        .style17
        {
            width: 915px;
            height: 57px;
            color: #FFFFFF;
        }
               .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
      margin-top: -37px;
    padding: 7px !important;
}
#MainContent_lblCompanyName
{
    font-size:14px;
    font-weight:bold; 
}
#MainContent_lblBranchName
{
     font-size:14px;
    font-weight:bold;    
}
#MainContent_lblAddress
{
    font-size:14px;
    font-weight:bold;    
}
#MainContent_lblPhoneNo
{
     font-size:14px;
    font-weight:bold;    
}
#MainContent_lblEmail
{
    font-size:14px;
    font-weight:bold;  
}
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <script type="text/javascript">
        function validate() {

            var txtBranch = document.getElementById("<%= txtBranch.ClientID %>").value;

            if (txtBranch == "") {
                alert("Please Enter Branch Name");
                document.getElementById("<%= txtBranch.ClientID %>").focus();
                return false;
            }
            var txtAddress = document.getElementById("<%= txtAddress.ClientID %>").value;
            if (txtAddress == "") {
                alert("Please Enter Branch Address");
                document.getElementById("<%= txtAddress.ClientID %>").focus();
                return false;
            }

            return true;
        }
        function verifyPhone() {
            var txtphoneno = document.getElementById("<%= txtphoneno.ClientID %>");
            var phoneRegExp = /^((\+)?[1-9]{1,2})?([-\s\.])?((\(\d{1,4}\))|\d{1,4})(([-\s\.])?[0-9]{1,12}){1,2}$/;
            var phoneVal = txtphoneno.value;
            var numbers = phoneVal.split("").length;
            if (10 <= numbers && numbers <= 20 && phoneRegExp.test(phoneVal)) {


            }
            else {
                alert("Please enter a valid Phone no.");
                document.getElementById("<%= txtphoneno.ClientID %>").focus();
                return false;
            }
            return true;
        }
        function verifyEmail() {
            var txtBranch = document.getElementById("<%= txtBranch.ClientID %>");

            var status = false;
            var txtemail = document.getElementById("<%= txtemail.ClientID %>");

            var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
            if (txtemail.value.search(emailRegEx) == -1) {
                alert("Please enter a valid email address.");
                document.getElementById("<%= txtemail.ClientID %>").focus();
                return false;
            }


            return true;
        }

    
    </script>
  
            <div class="main-panel">
        <div class="content">
        <div class="container" id="branch" runat="server">
    <div class="row dash-pane2">  
    <div class="card">
                <div class="card-header card-header-warning" id="cardheadergreen" runat="server">
                  <h4 class="card-title">                    <i class="fa fa-list fa-fw"></i>
                        <asp:Label ID="lblBranchDetails" runat="server" Text="Branch Details"></asp:Label></h4>
                </div>
                <div class="card-body">
                  <div class="row">
                    <div class="col-md-4">
                        <asp:Label ID="lblCompanyName" runat="server" Text="Company Name"></asp:Label></b>
                        <%--<select class="form-control">
								  <option>Realtime</option>
								  <option>RSS</option>
								</select>--%>
                        <asp:DropDownList ID="cbocompany" runat="server" class="form-control">
                        </asp:DropDownList>
                        <br>
                        <asp:Label ID="lblPhoneNo" runat="server" Text="Phone No"></asp:Label></b>
                        <%-- <input class="form-control"  />--%>
                        <asp:TextBox ID="txtphoneno" runat="server" class="form-control" onchange="return verifyPhone();"
                            TabIndex="3"></asp:TextBox>
                    </div>
                    <div class="col-md-4">
                        <asp:Label ID="lblBranchName" runat="server" Text="Branch Name"></asp:Label></b>
                        <%-- <input class="form-control"  />--%>
                        <asp:TextBox ID="txtBranch" runat="server" class="form-control" TabIndex="1"></asp:TextBox>
                        <br>
                        <asp:Label ID="lblEmail" runat="server" Text="Email"></asp:Label></b>
                        <%--  <input class="form-control"  />--%>
                        <asp:TextBox ID="txtemail" runat="server" autocomplete="off" class="form-control"
                            onchange="return verifyEmail();" TabIndex="4"></asp:TextBox>
                    </div>
                    <div class="col-md-4">
                        <asp:Label ID="lblAddress" runat="server" Text="Address"></asp:Label></b>
                        <%-- <textarea class="form-control" rows="6"></textarea>--%>
                        <asp:TextBox ID="txtAddress" runat="server" autocomplete="off" class="form-control"
                            Rows="6"></asp:TextBox>
                    </div>
                  </div>
                  <div class="row" style="margin-left:auto; margin-right:auto; display:table; margin-top:200px;">
                                        <ol>
                            <%--<li><button class="btn btn-danger btn-lg" type="button" style="margin-right:20px;"><i class="fa fa-close"></i> Cancel</button></li>
                                	<li> <asp:Button ID="cmdcancel" runat="server" class="btn btn-danger btn-lg " type="button"
                    OnClick="cmdcancel_Click" Text="Cancel"  /></li>--%>
                            <asp:Button ID="cmdsave" runat="server" Text="Save" OnClick="cmdsave_Click" OnClientClick="return validate()"
                                type="button" class="btn btn-success " /><i class="fa fa-plus;"></i>
                            <asp:Button ID="cmdcancel" runat="server" type="button" Text="Cancel" OnClick="cmdcancel_Click"
                                class="btn btn-danger" /><i class="fa fa-trash-o;"></i>
                            <%--<li> <button class="btn btn-success btn-lg" type="button"><i class="fa fa-save"></i> Save</button></li>
                                <li> <asp:Button ID="cmdsave" runat="server" 
                    OnClick="cmdsave_Click" onclientclick="return validate()" Text="Save" class="btn btn-success btn-lg" type="button"
                    /></li>--%>
                        </ol>
                  
                  </div>
                </div>
              </div>
   
    </div>
    </div>
    </div>
    </div>

    <link rel="stylesheet" type="text/css" href="css/colors/orange.css" id="colors">
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <link href="Gridstyle.css" rel="stylesheet" type="text/css" />
    <link href="css/Table.css" rel="stylesheet" type="text/css" />
     <script src="js/jquery-1.8.3.min.js"
       type="text/javascript"></script>
</asp:Content>
